<?php
include 'RAC-addOOTM.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Rotaract DLSU</title>
<meta http-equiv="Content-Type" content="text/html"/>
<meta name="robots" content="index,follow"/>
<meta name="distribution" content="global"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="css/jquery-ui-1.8.21.custom.css"/>
<link rel="stylesheet" href="css/demos.css"/>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="javascript/RegistrationValidation.js"></script>

	<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'yy-mm-dd'
		});
	});
	</script>

</head>
<body>
<div id="container2">
  <div id="main2">
    <table width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td class="main_nav">
            <div id="main_text2"> 
          <center>
              <h2>Add an Officer of the Month</h2>
              <br/>
              <br/>
<form action="RAC-addOOTMUI.php" method="POST" >     
    <?
    if (isset($confirm)) {
                                            
        echo "<br/>";
        echo "<h3>$confirm</h3>";
        echo "<br/>";
     }
    ?>
<table border ="1" cellpadding="10" class="myTable">
   
    <tr>
        <td><b>Month</b></td>
        <td>
            <select name="ootmMonth">
                <option value="January">January</option>
                <option value="February">February</option>
                <option value="March">March</option>
                <option value="April">April</option>
                <option value="May">May</option>
                <option value="June">June</option>
                <option value="July">July</option>
                <option value="August">August</option>
                <option value="September">September</option>
                <option value="October">October</option>
                <option value="November">November</option>
                <option value="December">December</option>
            </select>
        </td>
    </tr>
    <tr>
        <td><b>Year</b></td>
        <td><input type="text" name="ootmYear"/><label id="erroryear"></label></td>
    </tr>    
    <tr>
        <td><b>Name of Officer</b></td>
        <td><input type="text" name="ootmName"/><label id="errorname"></label></td>
    </tr>    
    <tr>
        <td><b>Description</b></td>
        <td><input type="text" name="ootmDesc"/><label id="errordesc"></label></td>
    </tr>
    <tr>
        <td><input type="submit" name="submit" value="Save" onClick="return validateAddOOTM(this.form);"/></td>
    </tr>
        </table>
</form>
          </center>
          </div>
          </td>
        
      </tr>
    </table>
  </div>
</div>
</body>
</HTML>
